.wh{
    width: 1000px;
    height: 360px;
}
*{
    margin: 0;
    padding: 0;
}
#dBox{  
    .wh;
    overflow:hidden;
    margin: auto;
    // margin-top: 150px;
    position: relative;
}
#box{
    height:600px;
    // width: 6000px;
    position: absolute;
    left: 0;
    img{
        .wh;
        float: left;
    }
}
#sbox{
    width: 1000px;
    position:absolute;
    top:150px;
    z-index:10;
    span{
        text-align:center;
        line-height:40px;
        display: block;
        width: 60px;
        height: 40px;
        background:rgba(224, 25, 231, 0.4) ;
    }
    .sl{
        float: left;
    }
    .sr{
        float: right;
    }
}
#ali{
    width: 100%;
    height: 30px;
    // background: red;
    position: absolute;
    top: 320px;
    line-height: 30px;
    ul{
        // width: 980px;
        height: 30px;
        list-style: none;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        li{
            float: left;
            width: 20px;
            height: 20px;
            background: lightblue;
            border: 3px black solid;
            box-sizing: border-box;
            border-radius: 50%;
            margin: 0 5px;
        }
    }
}